import React from 'react'
import css from './index.less'
interface ICase{
    id:string,
    title:string,
    desc:string
    pic:string
}
export default function Cases({cases = []}:{cases:ICase[]}){
    return <ul className={css.cases}>
        {cases.map((item,index) => (
            <li key={index}>
                <img className={css.pic} src={item.pic} alt={item.title} />
                <div className={css.caseInfo}>
                <div className={css.title}>{item.title}</div>
                <p className={css.desc}>{item.desc}</p>
                </div>
            </li>
        ))}
    </ul>
}